<template>
  <div class=".main-wangliang">
    <div class="main_head nav">
        <h5>信息共享表</h5>        
    </div>
    <div class="main_child">    
      <div class="main_content">
        <el-form ref="form" :model="form" label-width="120px" size="mini">
          <el-row :gutter="20">
            <el-col :span="9">
              <el-form-item label="员工 ID">
                <el-input v-model='form.emplid' />
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="姓 名">
                <el-input v-model='form.name' />
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="部 门">
                <el-input v-model='form.dept_descr'/>
              </el-form-item>
            </el-col>
            <el-col :span="9">
                <el-form-item label="毕业院校">
                    <el-input v-model='form.school_descr' />
                </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="9">
                <el-form-item label="最高学历">
                <el-select v-model='form.highest_edu'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in highestEdus"
                    :key="item && item.highest_edu"
                    :label="item && item.highest_edu"
                    :value="item && item.highest_edu">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="最高学位">
                <el-select  v-model='form.highest_deg'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in highestDegs"
                    :key="item.highest_deg"
                    :label="item.highest_deg"
                    :value="item.highest_deg">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="业务单位">
                <el-select v-model='form.setid'>
                  <el-option key="全部" value="全部">全部</el-option>
                 <el-option
                    v-for="item in bussinessData"
                    :key="item.setid"
                    :label="item.descrshort"
                    :value="item.setid">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="婚姻状况">
                <el-select  v-model='form.mar_desc'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in marDesc"
                    :key="item.mar_desc"
                    :label="item.mar_desc"
                    :value="item.mar_desc">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
        </el-row>
          <el-row :gutter="20">
                <el-col :span="9">
                <el-form-item label="所学专业">
                    <el-input v-model='form.major_descr' />
                </el-form-item>
                </el-col>
                <el-col :span="9">
                <el-form-item label="身份证号码">
                    <el-input v-model='form.national_id' />
                </el-form-item>
                </el-col>
          </el-row>       
          <el-row :gutter="20">
              <el-col :span="9" >
              <el-form-item label="性别">
                <el-select v-model='form.sex_descr'>
                  <el-option key="全部" value="全部">全部</el-option>
                   <el-option
                    v-for="item in sexDescr"
                    :key="item.sex_descr"
                    :label="item.sex_descr"
                    :value="item.sex_descr">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="集团标准职级">
                <el-select v-model='form.grp_lvl_descr'>
                  <el-option key="全部" value="全部">全部</el-option>
                   <el-option
                    v-for="item in grpLvlDescrs"
                    :key="item.grp_lvl_descr"
                    :label="item.grp_lvl_descr"
                    :value="item.grp_lvl_descr">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="是否集团高管">
                <el-checkbox v-model="form.leader_type"></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :span="9">
              <el-form-item label="是否有职称\职业资格\其他证书">
                <el-checkbox v-model="form.certificate">备选项</el-checkbox>
              </el-form-item>
            </el-col>
          </el-row>   
           <el-row>
              <el-col :span="9">
              <el-form-item  label="出生日期">
                <el-date-picker
                   clearable
                   :editable='false'
                  :picker-options='dateFormat'
                  v-model="form.begin_birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate"
                  placeholder="起始日期">
                  
                </el-date-picker>
                -
                <el-date-picker
                   clearable
                   :editable='false'
                  :picker-options='dateFormat'
                  v-model="form.end_birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate1"
                  placeholder="结束日期"
                  >
                </el-date-picker>
              </el-form-item>
            </el-col>
             <el-col :span="9">
              <el-form-item  label="年龄">
                <el-input style='width: 46%' type="number" min='0' onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode) ) )' v-model.number='form.begin_age' /> - <el-input style='width: 46%' min='0' onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode) ) )' 
                type="number" v-model.number='form.end_age' />
              </el-form-item>
            </el-col>

           </el-row>
          <el-row>
           
           <el-row>
              <el-col :span="9">
              <el-form-item label="参加工作时间">
                <el-date-picker
                  v-model="form.begin_start_dt_chn"
                  type="date"
                  :editable='false'
                  value-format="yyyy-MM-dd"
                  @change="handleDate8"
                  clearable
                  placeholder="起始日期">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_start_dt_chn"
                  type="date"
                  clearable
                  :editable='false'
                  value-format="yyyy-MM-dd"
                  @change="handleDate9"
                  placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
            </el-col>
              <el-col :span="9">
                <el-form-item label="加入集团时间">
                    <el-date-picker
                    :editable='false'
                    clearable
                    v-model="form.begin_org_inst_srv_dt"
                    type="date"
                    value-format="yyyy-MM-dd"
                    @change="handleDate6"
                    placeholder="起始日期">
                    </el-date-picker>
                    -
                    <el-date-picker
                      :editable='false'
                      clearable
                      v-model="form.end_org_inst_srv_dt"
                      type="date"
                      value-format="yyyy-MM-dd"
                      @change="handleDate7"
                      placeholder="结束日期">
                    </el-date-picker>
                </el-form-item>
              </el-col>
           </el-row>
        </el-row>
          <el-row  class="">
              <el-col :span="9">
                <el-form-item label="加入本公司时间">
                  <el-date-picker
                    v-model="form.begin_service_dt"
                    type="date"
                    value-format="yyyy-MM-dd"
                    :editable='false'
                    clearable
                    @change="handleDate2"      
                    placeholder="起始日期">
                  </el-date-picker>
                   -
                  <el-date-picker
                    v-model="form.end_service_dt"
                    type="date"
                    :editable='false'
                    clearable
                    value-format="yyyy-MM-dd"
                    @change="handleDate3"
                    placeholder="结束日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>   
              <el-col :span="9">
                <el-form-item label="加入当前二级公司时间">
                  <el-date-picker
                    v-model="form.begin_cmpny_seniority_dt"
                    type="date"
                    :editable='false'
                    clearable
                    value-format="yyyy-MM-dd"
                    @change="handleDate4"
                    placeholder="起始日期">
                  </el-date-picker> -
                  
                 
                  <el-date-picker
                     :editable='false'
                    clearable
                    v-model="form.end_cmpny_seniority_dt"
                    type="date"
                    value-format="yyyy-MM-dd"
                    @change="handleDate5"
                    placeholder="结束日期">
                  </el-date-picker>
                </el-form-item>
              </el-col>
            </el-row>
          </el-row>
          <el-row>
            <el-col style="text-align: center;padding-bottom:20px;">
              <el-button type="warning" icon='el-icon-refresh' @click="Reset">重置</el-button>&nbsp;&nbsp;
              <el-button type="primary" icon="el-icon-search" @click="getPageSource">搜索</el-button>
            </el-col>
          </el-row>
        </el-form>
        <el-row v-show='ok' style="height:12px;background-color:#ECF0F5"></el-row>
        <el-row v-show="ok" style="padding: 10px;">
          <el-col >
            <div class="rt selectSet">
                <el-button @click="showColList">自定义表格列<i class="el-icon-edit el-icon--right"></i></el-button>
                <!-- <search-col :ifShow.sync='colShow' :checkedCities.sync="checkedCities" :cities="colTotalList" @changeCol="getCheckedArr"></search-col> -->
            </div>
            <div class="Exportbtn">
              <form
                 style="display:none"
                 method="post"
                 target='employRoster-list'
                :action='this.Axios.baseURI+"/reportShareExcel/empRosterShareExport"'
                id='downLoadForm'></form>
                <el-button type='success' @click.stop="downLoadExcel">导出excel表格</el-button>
              <iframe style='display:none' name="employRoster-list" id="employRoster_hidden_frame"></iframe> 

            </div>
          </el-col>
        </el-row>
        <el-row v-show="ok">
          <el-col style="padding: 10px;">
            <el-table
                :data="unitTableList"
                style="width: 100%;"
                :fit="tablefit"
                :row-class-name="handleRowClass"
                @row-click='handleRowClick'
                
                >
                <el-table-column  :value="item.value" style='cursor: pointer' :class-name="item.class" :label="item.label" :min-width="handleMinWidth(item.value)"  :key="item.value" v-for='item in tableOption'>
                  
                    <template scope="scope">
                      <span>{{ coverttile(scope.row, item.value)}}</span>                      
                    </template>
                </el-table-column>          
            </el-table>
            <el-pagination style='padding:20px 0'
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page.sync="pageIndex"
              :page-sizes="[20, 30, 40, 50]"
              :page-size="pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="totalNum">
            </el-pagination>
          </el-col>
        </el-row>
        
      </div>
    </div>
    <v-dialog
      :visible.sync='colShow'
      :checkedCities.sync="checkedCities"
       :cities="colTotalList"
        @handleCheckCites = 'getCheckedArr'
        @handleCities = 'handleCities'
    >

    </v-dialog>
  </div>
</template>

<script>
import Axios from 'axios'
import Vue from 'vue'
import VDialog from '@/components/router-component/shareInfo/dialog'
import {
	Form,
	Row,
	Col,
	Select,
	Input,
	Checkbox,
	DatePicker,
	Button,
	Icon,
	Table,
	TableColumn,
	Option,
	Pagination
} from 'element-ui'
Vue.use(Form)
Vue.use(Row)
Vue.use(Col)
Vue.use(Select)
Vue.use(Input)
Vue.use(Checkbox)
Vue.use(DatePicker)
Vue.use(Button)
Vue.use(Icon)
Vue.use(Table)
Vue.use(Option)
Vue.use(Pagination)
Vue.use(TableColumn)
import searchCol from '@/components/public/selectShowCol'
import { _encode} from '@/common/js/handleCode'

export default {
	name: 'approvalAll',
	data () {
		const that = this
		return {
			activeName: 'first',
			colShow: false,
			checkedCities: [],
			colTotalList: [],
			unitTableList: [],
			tablefit: true,
			tableOption: [],
			bussinessData: [],
			highestDegs: [],
			highestEdus: [],
			grpLvlDescrs: [],
			marDesc: [],
			sexDescr: [],
			pageIndex: 1,
			pageSize: 20,
			totalNum: 0,
			ok: false,
			form: {
				setid: '全部',
				emplid: '',
				name: '',
				dept_descr: '',
				highest_edu: '全部',
				highest_deg: '全部',
				school_descr: '',
				major_descr: '',
				leader_type: 0,
				grp_lvl_descr: '全部',
				national_id: '',
				certificate: 0,
				sex_descr: '全部',
				begin_birthdate: '',
				end_birthdate: '',
				begin_age: '',
				end_age: '',
				mar_desc: '全部',
				begin_service_dt: '',
				end_service_dt: '',
				begin_cmpny_seniority_dt: '',
				end_cmpny_seniority_dt: '',
				begin_org_inst_srv_dt: '',
				end_org_inst_srv_dt: '',
				begin_start_dt_chn: '',
				end_start_dt_chn: ''
			},

			dateFormat: {
				disabledDate (time) {

					return (
						time.getTime() >= new Date().getTime()
					)
				}
			}
		}
	},
	methods: {
		handleRowClick (data) {
	
			let sex = data.sex_descr == '女' ? 2 : 1
			const params = {
				emplid: data.emplid,
				resumeType: 2,
				sex
			}

			window.open('/module/resume.html?' + _encode(JSON.stringify(params)))
		},
		handleMinWidth (val) {
			switch (val) {
			case '':
				return
				break
			case '':
				return
				break
			case '150':
				return
				break
			case 'org_inst_srv_dt':
				return
				break
			case 'cmpny_seniority_dt':
				return 200
				break
			case 'service_dt':
				return 150
				break
			case 'supv_lvl_descr':
				return 150
				break
			case 'sta_lvl_descr':
				return 150
				break
			case 'grp_lvl_descr':
				return 150
				break
			case 'national_id':
				return 200
				break
			case 'national_id_type':
				return 150
				break
			case 'leader_type':
				return 150
				break
			case 'position_desc':
				return 200
				break
			case 'office_descr':
				return 100
				break
			case 'dept_descr':
				return 300
				break
			case 'sex_descr':
				return 100
				break
			case 'name':
				return 100
				break
			case 'emplid':
				return 100
				break

			case 'birthdate':
				return 120
				break

			case 'birthplace':
				return 150
				break

			case 'age':
				return 100
				break

			case 'native_place_chn':
				return 150
				break
			case 'political_sta_chn':
				return 100
				break
			case 'school_descr':
				return 120
				break
			case 'highest_deg':
				return 200
				break
			case 'highest_edu':
				return 200
				break
			case 'start_dt_chn':
				return 300
				break
			case 'mar_status':
				return 100
				break
			case 'other_certificate':
				return 200
				break
			case 'cert_grade':
				return 200
				break
			case 'certificate':
				return 200
				break
			case 'major_descr':
				return 100
				break
			default:
				break
			}
		},
		loginOut: function () {
			var self = this
			this.Axios.Post(this.URL.exit.url, {})
				.then(function (res) {
					localStorage.setItem('userName', null)
					localStorage.setItem('userId', null)
					localStorage.setItem('token', null)
					self.$router.push('/employeeServ')
				})
				.catch(function () { })
		},
		handleDate: function (val) {
			console.log(val)
			this.form.begin_birthdate = val
			this.handleAge()
		},

		handleAge () {
			let start = this.form.begin_birthdate, end = this.form.end_birthdate
			if (start && end) {

				const startYears = parseInt(((parseInt((new Date().getTime() / 1000)) - parseInt(new Date(start).getTime()) / 1000)) / 3600 / 24 / 365)
				const endYears = parseInt(((parseInt(new Date().getTime()) / 1000) - parseInt((new Date(end).getTime() / 1000))) / 3600 / 24 / 365)

				this.form.begin_age = endYears
				this.form.end_age = startYears
			}
		},


		handleDate1: function (val) {
			console.log(val)
			this.form.end_birthdate = val
			this.handleAge()
		},
		handleDate2: function (val) {
			console.log(val)
			this.form.begin_service_dt = val
		},
		handleDate3: function (val) {
			console.log(val)
			this.form.end_service_dt = val
		},
		handleDate4: function (val) {
			console.log(val)
			this.form.begin_cmpny_seniority_dt = val
		},
		handleDate5: function (val) {
			console.log(val)
			this.form.end_cmpny_seniority_dt = val
		},
		handleDate6: function (val) {
			console.log(val)
			this.form.begin_org_inst_srv_dt = val
		},
		handleDate7: function (val) {
			console.log(val)
			this.form.end_org_inst_srv_dt = val
		},
		handleDate8: function (val) {
			console.log(val)
			this.form.begin_start_dt_chn = val
		},
		handleDate9: function (val) {
			console.log(val)
			this.form.end_start_dt_chn = val
		},

		handleCheckCitys (data) {
			let arr = [],
				result = []

			data.forEach(ele => {
				arr.push(ele.value)
			})

			this.colTotalList.forEach(ele => {
				if (arr.includes(ele.value)) {
					ele.status = true
				} else {
					ele.status = false
				}
				result.push(ele)
			})

			return result
		},
		handleCities (val) {
			// this.colTotalList = val
			//  this.tableOption = []
			// val.forEach(ele=>{
			//   if(ele.status) {
			//     this.tableOption.push(ele)
			//   }
			// })
			//  this.cities = val
			// arr.forEach(ele=>{
			//   this.tableOption.push()
			// })
		},

		downLoadExcel () {
			let showColumns = JSON.stringify(
				this.handleCheckCitys(this.checkedCities)
			)
			// let arr = [];
			// for (let i = 0; i < this.tableOption.length; i++) {
			//   arr.push(this.tableOption[i].value);
			// }

			// for (let i = 0; i < this.colTotalList.length; i++) {
			//   if (arr.indexOf(this.colTotalList[i].value) == -1) {
			//     titles.push(0);
			//   } else {
			//     titles.push(1);
			//   }
			// }

			let params = { showColumns }

			let formTarget = document.querySelector('#downLoadForm')
			formTarget.innerHTML = ''

			let dom = document.createElement('input')
			dom.name = 'showColumns'
			dom.value = showColumns
			formTarget.appendChild(dom)

			const keysArr = Object.keys(this.form)
			const valuesArr = Object.values(this.form)

			for (let i = 0; i < valuesArr.length; i++) {
				let doms = document.createElement('input')

				doms.name = keysArr[i]
				doms.value = valuesArr[i]
				formTarget.appendChild(doms)
			}

			let tokenDom = document.createElement('input')
			// tokenDom.name = 'token'
			// tokenDom.value = localStorage.getItem('token')
			// formTarget.appendChild(tokenDom)
			formTarget.submit()

			// this.Axios.Post(this.URL.reportShareExcel.url,params).then((res) => {
			//       let datas = res.data.datas;
			// });
		},
		coverttile (data, type) {
			if (type === 'leader_type') {
				return data['leader_type'].trim() ? '是' : '否'
			} else {
				return data[type]
			}
		},
		handleSizeChange (val) {
			this.pageSize = val
			this.getPageSource()
		},
		handleCurrentChange (val) {
			this.pageIndex = val
			this.getPageSource()
		},
		handleClick (tab, event) { },
		showColList () {
			this.colShow = true
		},
		handleRowClass: function (row, index) {
			return index % 2 === 0 ? 'even-row' : 'odd-row'
		},
		getCheckedArr (value) {
			this.tableOption = []

			setTimeout(() => {
				this.colTotalList.forEach(ele => {
					if (value.includes(ele.value)) {
						this.tableOption.push(ele)
					}
				})
			}, 400)

			this.checkedCities = this.tableOption
		},
		getPageSource () {
			const async = () => {
				return new Promise((resolve, reject) => {
					let self = this
					this.ok = true
					this.form.pageNum = this.pageIndex
					this.form.pageSize = this.pageSize
					this.form.leader_type = this.form.leader_type ? 1 : 0
					this.form.certificate = this.form.certificate ? 1 : 0
					this.Axios.Post(this.URL.getsharePageSource.url, this.form).then(
						function (res) {
							// self.tableOption = self.colTotalList;
							// self.getCheckedArr(self.checkedCities);

							self.unitTableList = res.data.datas

							for (var i = 0; i < self.unitTableList.length; i++) {
								//截取字符串
								self.unitTableList[i].xh = i + 1
								self.unitTableList[i].birthdate = self.unitTableList[
									i
								].birthdate.substring(0, 10)
								self.unitTableList[i].cmpny_seniority_dt = self.unitTableList[
									i
								].cmpny_seniority_dt.substring(0, 10)
								self.unitTableList[i].org_inst_srv_dt = self.unitTableList[
									i
								].org_inst_srv_dt.substring(0, 10)
								if (
									self.unitTableList[i].service_dt != null &&
                  self.unitTableList[i].service_dt != ''
								) {
									// console.table(self.unitTableList);
									self.unitTableList[i].service_dt = self.unitTableList[
										i
									].service_dt.substring(0, 10)
								}
								self.unitTableList[i].start_dt_chn = self.unitTableList[
									i
								].start_dt_chn.substring(0, 10)
							}
							self.totalNum = res.data.total
							self.form.leader_type = self.form.leader_type ? true : false
							self.form.certificate = self.form.certificate ? true : false

							resolve()
						}
					)


				})
			}

			async().then(() => {
				window.scrollTo(0, document.body.scrollHeight - 600)
			})
		},
		Reset () {
			this.form.setid = '全部'
			this.form.emplid = ''
			this.form.name = ''
			this.form.dept_descr = ''
			this.form.highest_edu = '全部'
			this.form.highest_deg = '全部'
			this.form.school_descr = ''
			this.form.major_descr = ''
			this.form.leader_type = 0 //0
			this.form.grp_lvl_descr = '全部'
			this.form.national_id = ''
			this.form.certificate = 0 //0
			this.form.sex_descr = '全部'
			this.form.begin_birthdate = ''
			this.form.end_birthdate = ''
			this.form.begin_age = ''
			this.form.end_age = ''
			this.form.mar_desc = '全部'
			this.form.begin_service_dt = ''
			this.form.end_service_dt = ''
			this.form.begin_cmpny_seniority_dt = ''
			this.form.end_cmpny_seniority_dt = ''
			this.form.begin_org_inst_srv_dt = ''
			this.form.end_org_inst_srv_dt = ''
			this.form.begin_start_dt_chn = ''
			this.form.end_start_dt_chn = ''
		},
		getDataBase () {
			let self = this
			this.Axios.Post(this.URL.getShareData.url, null).then(function (res) {
				let datas = res.data.datas
				if (datas) {
					self.bussinessData = datas.bussiness //&& datas.bussiness.unshift({descrshort: '全部' ,setid: '全部'})
					self.grpLvlDescrs = datas.grpLvlDescrs //&& datas.grpLvlDescrs.unshift({grp_lvl_descr: '全部'})
					self.highestDegs = datas.highestDegs //&& datas.highestDegs.unshift({highest_deg: '全部'})
					self.highestEdus = datas.highestEdus //&& datas.highestEdus.unshift({highest_edu: '全部'})
					self.marDesc = datas.marDesc //&& datas.marDesc.unshift({mar_desc: '全部'})
					self.sexDescr = datas.sexDescr //&& datas.sexDescr.unshift({sex_descr: '全部'})
				}
			})
		},
		getAllCol () {
			this.Axios.Post(this.URL.infoGetUserShowColumn.url, {
				type: 'xxgxb'
			}).then(res => {
				this.colTotalList = res.data.datas.showColumns

				const arr = this.colTotalList.filter(ele => ele.status)
				this.checkedCities = []
				arr.forEach(ele => {
					this.checkedCities.push(ele)
					this.tableOption.push(ele)
				})
			})
		}
	},
	created () {
		this.getAllCol()
		// this.colTotalList = [
		//   {
		//     label: 'ID',
		//     prop: 'emplid',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '姓名',
		//     prop: 'name',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '性别',
		//     prop: 'sex_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '部门',
		//     prop: 'dept_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 300
		//   },
		//   {
		//     label: '处室',
		//     prop: 'office_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '职位',
		//     prop: 'position_desc',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '是否集团高管',
		//     prop: 'leader_type',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '身份证类型',
		//     prop: 'national_id_type',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '身份证号码',
		//     prop: 'national_id',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '集团标准职级',
		//     prop: 'grp_lvl_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '二级公司标准职级',
		//     prop: 'sta_lvl_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '各公司职级',
		//     prop: 'supv_lvl_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '加入本公司时间',
		//     prop: 'service_dt',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '加入当前二级公司时间',
		//     prop: 'cmpny_seniority_dt',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '加入集团时间',
		//     prop: 'org_inst_srv_dt',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '出生日期',
		//     prop: 'birthdate',
		//     isShow: true,
		//     needAtag: false,
		//     width: 120
		//   },
		//   {
		//     label: '年龄',
		//     prop: 'age',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '出生地',
		//     prop: 'birthplace',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '籍贯',
		//     prop: 'native_place_chn',
		//     isShow: true,
		//     needAtag: false,
		//     width: 150
		//   },
		//   {
		//     label: '政治面貌',
		//     prop: 'political_sta_chn',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '婚姻状况',
		//     prop: 'mar_status',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '参加工作时间',
		//     prop: 'start_dt_chn',
		//     isShow: true,
		//     needAtag: false,
		//     width: 300
		//   },
		//   {
		//     label: '最高学历',
		//     prop: 'highest_edu',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '最高学位',
		//     prop: 'highest_deg',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '毕业院校',
		//     prop: 'school_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 120
		//   },
		//   {
		//     label: '所学专业',
		//     prop: 'major_descr',
		//     isShow: true,
		//     needAtag: false,
		//     width: 100
		//   },
		//   {
		//     label: '职称',
		//     prop: 'certificate',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '职业资格',
		//     prop: 'cert_grade',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   },
		//   {
		//     label: '其他证书',
		//     prop: 'other_certificate',
		//     isShow: true,
		//     needAtag: false,
		//     width: 200
		//   }
		// ];
	},
	components: {
		searchCol,
		VDialog
	},
	computed: {
		userNameMe: function () {
			return localStorage.getItem('userName')
		}
	},
	mounted () {
		this.getDataBase()
		// this.getPageSource()
	}
}
</script>

<style>
/*.main .el-form-item__label{
	width:36% !important;
}	*/
.main-wangliang div.certificate .el-form-item__label {
  width: 40% !important;
  padding: 6px 12px 6px 0;
}

.main-wangliang {
  min-height: 100%;
}

.main_head h5 {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 17.5px 25px;
  margin-left: -15px;
}
.main_child {
  /* padding: 10px; */
  color: #676a6c;
  font-size: 13px;
  background-color: #ffffff;
}

.main_head {
  height: 55px;
  line-height: 54px;
  text-align: left;
  border-bottom: 1px solid #e7eaec;
  padding-left: 15px;
  display: block;
  background-color: #ffffff;
}
.nav > li > a {
  font-weight: 600;
}
.main-wangliang .activeTitle {
  float: left;

  margin-left: 20px;
  color: #1ab394;
}
.main-wangliang li.active-r {
  background: #1ab394;
  color: #fff;
  padding: 0px 25px;
  margin-left: -15px;
}
.active-r > a {
  font-size: 18px;
}
.main-head-r {
  margin-right: 10px;
  float: right;
}
.main-head-r li {
  display: inline-block;
}
.main-head-r li > a {
  padding: 15px 20px;
  color: #676a6c;
  font-size: 14px;
}
.main_content {
  padding: 15px 0;
}
.main_content_listmenu {
  float: right;
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  border-color: 1px solid #e7eaec;
  display: inline-flex;
}
.main_content .el-form-item {
  margin-bottom: 5px;
}
.main_content .el-date-editor.el-input {
  width: 90px;
}
.main_content i.el-icon-date::before,
.main_content i.el-icon-date::after {
  content: '';
}
.main_content .el-date-editor.el-input .el-input__inner {
  padding-right: 0px;
}

.main_content .el-input__inner {
  height: 30px !important;
}

.main_content .selectSet {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  position: relative;
  clear: both;
}
.main_content .Exportbtn {
  float: left;
  color: #fff;
  font-size: 14px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.main_content .selectSet .default {
  float: right;
  position: relative;
  z-index: 1;
}
.main_content .selectSet .alt {
  margin-right: -1px;
}
.main_content .isHide {
  display: none;
}
.main_content .selectSet a:hover {
  z-index: 4;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.main_content .selectSet .alt {
  margin-right: -1px;
}

.selectSet .default:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.selectSet .default:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.main_content .el-table .even-row {
  background-color: #f9f9f9;
}
.main_content .el-table .even-row,
.main_content .el-table .even-row + tr:not(.odd-row) .el-table__expanded-cell {
  background-color: #f9f9f9;
}
.main_content .el-table .cell {
  text-align: center;
}
.main_child .el-col-9 {
  margin-left: 50px;
}
.main_child .el-form-item__content .el-select {
  width: 100%;
}
.main_child .el-form-item .el-form-item__content .el-date-editor {
  width: 46%;
}
</style>
